<HTML>
<HEAD>
<TITLE>JavaScript Source Code 2002:  Calendar Scripts</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 2002" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 2002">
<META NAME="section" CONTENT="Calendars">
<META NAME="description" CONTENT="JavaScript Calendars -- These scripts all deal with JavaScript calendars.  I'll show you some really neat calenders - some show only the month, others the entire year.  Some even highlight the current day, tell you when you entered the page, and more!">
<meta name="keywords" content="calendar month monthly year yearly day highlighted time entered">
<meta name="ROBOTS" content="ALL">
<meta name="title" content="JavaScript Source Code 2002 - Calendar Scripts">
<meta name="subject" content="JavaScript">
<LINK REL="stylesheet" href="../styles/jsstyles.css" /styles/jsstyles.css" type="text/css">
</HEAD>

<BODY>

<BR>

</CENTER>

<P CLASS="listingtxt">
These scripts all deal with JavaScript Calendars.  I'll show you some really neat calendars - some show only the month, others the entire year.  Some even highlight the current day, tell you when you entered the page, and more!  Every entry has a <tt>Source Code</tt> option so you may see the EXACT JavaScript code used to create the button.
<hr noshade size=5 class="listing"></P>

<!--content_start-->

<P CLASS="listingtxt">
<b>Title:</b> <a name="Cookie_Calendar" href="cookie-calendar.html" /calendars/cookie-calendar.html">Cookie Calendar</a><br><b>Contributor:</b>  <a href="mailto:web@queriousdesigns.com">Greg Quilop</a>  (<a href="mailto:web@queriousdesigns.com">web@queriousdesigns.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.queriousdesigns.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.queriousdesigns.com/'" tppabs="http://www.queriousdesigns.com/">http://www.queriousdesigns.com</a><br><b>Details:</b> 9.18 KB * Uploaded February 16 2001<br><b>Description:</b>  This calendar, written entirely in JavaScript, uses cookies to allow users to save information on specific dates.  Includes daily and monthly summaries and a complete help file.  Cookie Calendar works as its own program as well.  Great!</P><P CLASS="listingalign" align=right>[ <a href="cookie-calendar.html#source" /calendars/cookie-calendar.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Date_Images" href="date-images.html" /calendars/date-images.html">Date Images</a><br><b>Contributor:</b>  <a href="mailto:jbh@site-ations.com">Jeff Harding</a>  (<a href="mailto:jbh@site-ations.com">jbh@site-ations.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.site-ations.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.site-ations.com/'" tppabs="http://www.site-ations.com/">http://www.site-ations.com</a><br><b>Details:</b> 2.28 KB * Uploaded August 29 2000<br><b>Description:</b>  Displays the current date using images.  This allows you to be more creative and use any images you want, such as images that match the color or theme of your site.</P><P CLASS="listingalign" align=right>[ <a href="date-images.html#source" /calendars/date-images.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Date_Menu" href="date-menu.html" /calendars/date-menu.html">Date Menu</a><br><b>Contributor:</b>  <a href="mailto:mcfarlin@netscape.net">Ben McFarlin</a>  (<a href="mailto:mcfarlin@netscape.net">mcfarlin@netscape.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://sites.netscape.net/mcfarlin  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://sites.netscape.net/mcfarlin'" tppabs="http://sites.netscape.net/mcfarlin">http://sites.netscape.net/mcfarlin</a><br><b>Details:</b> 2.67 KB * Uploaded October 25 1999<br><b>Description:</b>  This JavaScript uses the Date function to dynamically generate accurate dates for the pull-down menus.  Each time the user selects a year or month, JavaScript gets the correct number of days in that month and updates the pull down menu. The script is Y2K compliant and also works for leap years.  Cool!</P><P CLASS="listingalign" align=right>[ <a href="date-menu.html#source" /calendars/date-menu.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Day_Left" href="days-left.html" /calendars/days-left.html">Days Left</a><br><b>Contributor:</b>  <a href="mailto:jsmith@polbox.com">Justin Smith</a>  (<a href="mailto:jsmith@polbox.com">jsmith@polbox.com</a>)<br><b>Details:</b> 0.90 KB * Uploaded February 18 2000<br><b>Description:</b>  Procrastinators everywhere, rejoice!  If many of your projects end up being due on the first of the month, do you know how many days do you have left?  This script calculates and displays the number of days (not weekdays) left in the current month in a snap.  And, the script has no trouble with leap year or Y2K.</P><P CLASS="listingalign" align=right>[ <a href="days-left.html#source" /calendars/days-left.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Dynamic_Calendar" href="dynamic.html" /calendars/dynamic.html">Dynamic Calendar</a><br><b>Contributor:</b>  <a href="mailto:nfk2000@hotmail.com">Nick Korosi</a>  (<a href="mailto:nfk2000@hotmail.com">nfk2000@hotmail.com</a>)<br><b>Details:</b> 7.06 KB * Uploaded December 27 1999<br><b>Description:</b>  This calendar allows you to select a month and year and automatically display the a complete calendar for that month in Dynamic HTML.  Great!</P><P CLASS="listingalign" align=right>[ <a href="dynamic.html#source" /calendars/dynamic.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<a name="m-dh"><b>Title:</b> <a href="m-dh.html" /calendars/m-dh.html">Monthly:  Day Highlighted</a><br><B>Contributor:</B><a href="mailto:jsmiller@mines.edu">Jason Miller</a>&nbsp;(<a href="mailto:jsmiller@mines.edu">jsmiller@mines.edu</a>)<br><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://magma.mines.edu/students/j/jsmiller  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://magma.mines.edu/students/j/jsmiller'" tppabs="http://magma.mines.edu/students/j/jsmiller">http://magma.mines.edu/students/j/jsmiller</A><br><b>Details:</b> 2.98 KB * Uploaded July 24 1998<br><b>Description:</b>  This is a very interesting fascinating JavaScript calendar.  It shows you the current month's calendar, and the current day is highlighted!  A very neat effect - some great JavaScripting!</P><P CLASS="listingalign" align=right>[ <a href="m-dh.html#source" /calendars/m-dh.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<a name="m-t-dh"><b>Title:</b> <a href="m-t-dh.html" /calendars/m-t-dh.html">Monthly:  Time - Day Highlighted</a><br><b>Details:</b> 2.72 KB * Uploaded June 21 1997<br><b>Description:</b>  This JavaScript calendar shows users a calendar that also tells you when you entered the page.  Also, the current day is highlighted.</P><P CLASS="listingalign" align=right>[ <a href="m-t-dh.html#source" /calendars/m-t-dh.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Popup_Date_Picker" href="popup-date-picker.html" /calendars/popup-date-picker.html">Popup Date Picker</a><br><b>Contributor:</b>  <a href="mailto:softricks@hotmail.com">Kedar R. Bhave</a>  (<a href="mailto:softricks@hotmail.com">softricks@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.softricks.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.softricks.com/'" tppabs="http://www.softricks.com/">http://www.softricks.com</a><br><b>Details:</b> 17.17 KB * Uploaded September 6 2000<br><b>Description:</b>  Getting date input for your web site visitors and customers was never this easy!  A popup window appears allowing the user to select a date simply by a clicking it.  The user can navigate to previous and future dates, and the selected date is displayed in your form.  Great!  Uses a .js file so it's easy to re-use this code on your pages.</P><P CLASS="listingalign" align=right>[ <a href="popup-date-picker.html#source" /calendars/popup-date-picker.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<a name="quarter"><b>Title:</b> <a href="quarter.html" /calendars/quarter.html">Quarterly Calendar</a><br><b>Details:</b> 2.49 KB * Uploaded June 21 1997<br><b>Description:</b>  This is a very interesting "pretty" JavaScript calendar.  It displays the current month, and the month prior and forthcoming on each side.</P><P CLASS="listingalign" align=right>[ <a href="quarter.html#source" /calendars/quarter.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<B>Title:</B> <A name="Season" href="season.html" /calendars/season.html">Season</A><BR><b>Contributor:</b>  <a href="mailto:pres@manninc.com">Michael Mann</a>  (<a href="mailto:pres@manninc.com">pres@manninc.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.manninc.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.manninc.com/'" tppabs="http://www.manninc.com/">http://www.manninc.com/</a><br><B>Details:</B> 1.24 KB * Uploaded March 12 2001<BR><B>Description:</B>  Display the current season and year as determined by the system clock.  Easy!</P><P CLASS="listingalign" align=right>[ <A href="season.html#source" /calendars/season.html#source">Get Source Code</A> ]
<hr noshade size="5" class="listing"></P>
 
<P CLASS="listingtxt">
<a name="select-a-month"><b>Title:</b> <a href="select-a-month.html" /calendars/select-a-month.html">Select-A-Month</a><BR><B>Contributor:</B>  <a href="mailto:rpatrick@mit.edu">Robert J. Patrick</a>&nbsp;(<a href="mailto:rpatrick@mit.edu">rpatrick@mit.edu</a>)<BR><b>Details:</b> 5.31 KB * Uploaded February 15 1998<br><b>Description:</b>  This script is a wonderful example of JavaScript at it's best.  Simply select any month of any year, and JavaScript will "build" you the calendar for that month!  It's great!  Give it a try!</P><P CLASS="listingalign" align=right>[ <a href="select-a-month.html#source" /calendars/select-a-month.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="US-Euro_Calendar" href="us-euro-calendar.html" /calendars/us-euro-calendar.html">US-Euro Calendar</a><br><b>Contributor:</b>  <a href="mailto:dlawson@clark.net">Doug Lawson</a>  (<a href="mailto:dlawson@clark.net">dlawson@clark.net</a>)<br><b>Details:</b> 18.57 KB * Uploaded November 15, 2000<br><b>Description:</b>  A powerful calendar that allows you to scroll through the months.  Displays monthly calendars in U.S. or Euro style, three months at a time.  It even lets you define the holidays!</P><P CLASS="listingalign" align=right>[ <a href="us-euro-calendar.html#source" /calendars/us-euro-calendar.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<a name="year"><b>Title:</b> <a href="y.html" /calendars/y.html">Year</a><br><b>Details:</b> 1.83 KB * Uploaded June 21 1997<br><b>Description:</b>  Check out this script!  See the whole year!  A very neat effect - some great JavaScripting!</P><P CLASS="listingalign" align=right>[ <a href="y.html#source" /calendars/y.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<a name="daylink-dh"><b>Title:</b> <a href="y-dh.html" /calendars/y-dh.html">Yearly:  Day Highlighted</a><br><b>Details:</b> 2.63 KB * Uploaded June 21 1997<br><b>Description:</b>  Check out this script!  See the whole year!  Today is even highlighted!  A very neat effect - some great JavaScripting!</P><P CLASS="listingalign" align=right>[ <a href="y-dh.html#source" /calendars/y-dh.html#source">Get Source Code</a> ]</div></font></td>
<hr noshade size=5 class="listing"></P>

</FONT>
</CENTER>

</CENTER>
